<template>
  <div class="false-input-container">
    <div class="input-box">
      <router-link to="search">
        <span class="iconfont icon-header-search"></span>
        <span class="placeholder">美食/景点/酒店/按摩</span>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FalseInput',
};
</script>

<style lang="scss" scoped>
@import '@/assets/style/mixins.scss';
@import '@/assets/style/variables.scss';
.false-input-container {
  flex: 1;
  height: $headerHeight;
  padding: 0.06rem 0.1rem 0.06rem 0;
  box-sizing: border-box;
  .input-box {
      width: 100%;
      height: 100%;
      background-color: #fff;
      border-radius: 5px;
    a {
      @include flex-row;
      @include vh-center;
      width: 100%;
      height: 100%;
      .placeholder {
        font-size: 0.14rem;
        color: #999;
      }
      .iconfont {
        font-size: 0.18rem;
        vertical-align: -0.04rem;
        margin-right: .05rem;
      }
    }
  }
}
</style>
